<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

 <!-- CSS -->
        <link type="text/css" href="css/themes/start/jquery-ui-1.8.17.custom.css" rel="stylesheet" />
        <link type="text/css" href="css/themes/start/jquery.ui.all.css" rel="stylesheet" />
        <link href="css/General.css" type="text/css" rel="stylesheet"/>
        <link href="css/TablaDatos.css" type="text/css" rel="stylesheet"/>

        <!-- JS  -->
            <!-- JQUERY AND UI -->
        <script type="text/javascript" src="js/plugins/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="js/plugins/jquery-ui-1.8.17.custom.js"></script>
	<script type="text/javascript" src="js/plugins/ui/jquery.ui.core.min.js"></script>
	<script type="text/javascript" src="js/plugins/ui/jquery.ui.widget.min.js"></script>
        <script type="text/javascript" src="js/plugins/ui/jquery.ui.position.min.js"></script>
	<script type="text/javascript" src="js/plugins/ui/jquery.ui.tabs.min.js"></script>
	<script type="text/javascript" src="js/plugins/ui/jquery.ui.autocomplete.min.js"></script>
        <script type="text/javascript" src="js/plugins/ui/jquery.ui.button.js"></script>

        <script type="text/javascript" src="js/TablaDatos.js"></script>
        <script type="text/javascript" src="js/VistaCursos.js"></script>

            <!-- VALIDACIONES -->
        <script type="text/javascript" src="js/general.js"></script>
            <!-- NATIVO -->
        <script type="text/javascript">
            $(function() {
                    $("#tabs").tabs();
            });
        </script>           
        <title></title>
        <style>
            body
            {
                background-image:url('Imagenes/fondo2.jpg');
                background-repeat: no-repeat;
                background-size: cover;
            }
        </style>
    </head>
    <body ondrag="return false" ondrop="return false">
        <table>
            <tr>
                <td valing="top" colspan="2">
                    <?php include "Head.php";?>
                </td>
            </tr>
            <tr>
                <td>
                    <?php include "Menu.php";?>
                </td>
                <td height="412" valign="top">
                    <div style="width:670px; margin: 0 auto;">
                        <div id="tabs">
                            <ul>
                                <li><a href="#tabs-1">Lista cursos</a></li>
                                <li><a href="#tabs-2">Datos</a></li>
                            </ul>
                            <div id="tabs-1">
                                <div id="tablaDatos" style="width:600px;margin:0 auto;overflow: auto;height: 300px;">
                                </div>
                            </div><!-- LISTADO -->
                            <div id="tabs-2">
                                  <form id="frmCursos" name="frmCursos" action="">
                                     <table cellspacing="10" style="margin:0 auto;" id="tblFormulario" name="tblFormulario" align="center">
                                        <tr>
                                            <td align="left">
                                                <input id="btnNuevo" type="reset" value="Nuevo"/>
                                            </td>
                                            <td align="right">
                                                <input id="btnGuardar" type="button" value="Guardar"/>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2" style="border-bottom: 1px solid black;font-weight:bold">
                                                Maestro de Cursos:
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <span>Asignatura:</span><br/>
                                                <input type="text" id="nombreasignatura" name="nombreasignatura" size="30" onkeypress="return validarLetras(event);" maxlength="50"/>
                                                <input type="hidden" id="codigoasignatura" name="codigoasignatura"/>
                                            </td>
                                            <td>
                                                <span>Docente:</span><br/>
                                                <input type="text" id="nombredocente" name="nombredocente" size="30" onkeypress="return validarLetras(event);" maxlength="50"/>
                                                <input type="hidden" id="codigodocente" name="codigodocente"/>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <span>Curso:</span><br/>
                                                <input type="text" id="curso" name="curso" size="30"/>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                               <span>Estado:</span>
                                               <input id="estado" name="estado" type="checkbox"/>
                                               <input type="hidden" id="codigocurso" name="codigocurso" value="-1"/>

                                            </td>
                                        </tr>
                                    </table>
                                 </form>
                               </div><!-- FORMULARIO -->
                            </div><!-- TABS -->
                        </div>
                </td>
            </tr>
        </table>
        </body>
</html>
